<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
    <link href="/3.28作业/css/site.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
</head>
<body>
        <!--登录框背景-->
        <div class="backGround">
            <div class="login-box">
                <!--用户头像-->
                <div class="headphoto">
                    <img src="/3.28作业/img/head.png" />
                </div>
                <!--登录表单-->
                <form>
                    <div class="input-group">
                        <img src="/3.28作业/img/login_user.png" alt="用户名图标" class="icon" />
                        <input type="text" placeholder="用户名（有效手机号）" />
                    </div>
                    <div class="input-group">
                        <img src="/3.28作业/img/login_pas.png" alt="密码图标" class="icon" />
                        <input type="password" placeholder="密码至少6个字符，只允许字母和数字" />
                    </div>
                    <button type="submit" class="login-button">登录</button>
                    <div class="remenber-me">
                        <input type="checkbox" id="remenber" />
                        <label for="remenber">记住我</label>
                    </div>
                </form>
            </div>
        </div>
</body>
</html>